/**
 * Created by coder on 2018/1/2.
 */
import React from 'react'
import {View,Text} from 'react-native'
import {TabNavigator} from 'react-navigation'
import Icon from 'react-native-vector-icons/Ionicons'

const HomeScreen = () => (
	<View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
		<Text>Home Screen</Text>
	</View>
);


const ProfileScreen = () =>(
	<View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
		<Text>Profile Screen</Text>
	</View>
);

const RootTabs = TabNavigator({
	Home:{
		screen:HomeScreen,
		navigationOptions: {
			tabBarLabel: 'Home234',
			tabBarIcon: ({ tintColor, focused }) => (
				<Icon
					name={focused ? 'ios-home':'ios-home-outline'}
					size={26}
					style={{color:tintColor}}
				/>
			),
		},
	},
	Profile:{
		screen:ProfileScreen,
		navigationOptions: {
			tabBarLabel: 'Profile',
			tabBarIcon: ({ tintColor, focused }) => (
				<Icon
					name={focused ? 'ios-person' : 'ios-person-outline'}
					size={26}
					style={{ color: tintColor }}
				/>
			),
		},
	}
},{
	tabBarPosition:'bottom',
	animationEnabled: true,
	tabBarOptions: {
		showIcon:true,
	},
});

export default RootTabs;